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Cut-out Animation 

Manual-Digital Animation Technique Cut out animation is type of stop-motion animation which is produced by moving 2-dimensional pieces of mate- 
by rials (paper or cloth) on a flat surface or in a digital environment. It is one of the oldest and simplified animation 
Prof. Phani Tetali and Geetanjali Barthwal techniques. 

IDC, IIT Bombay 


Types of cut-out animation explained here are: 
* Cutout Manual Method 
¢ Cutout Digital Method 


Cut-out Manual Method: 
Manual Method includes cut-outs of drawings into different pieces arranged over flat surface, moved manually 
and repositioned to simulate animation. 
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Cut-out Digital Method: 
Digital Method is where animation produced in cut-out style using computers, drawing cut-out shapes digitally 
and giving illusion of 3D. 
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Introduction 


Cut-out Animation is one of the oldest and simplified animation techniques, having many forms and variations. 
As the name suggest ‘Cut-out’ is actually the Cut-outs of drawings into different pieces arranged over flat surface, 
moved manually and repositioned to simulate animation. 


It involves producing animations using 2D characters, props and scenes, cut from materials such as paper card or 
fabric. It can be colored paper, white paper with drawing or pieces pasted on it, even photographs of people and 
animals to make it seem as if they are talking or moving often resulting in a 2D marionette effect. One of the ear- 
liest animated feature films were cutout animations made by Quirino Cristiani, as is the world’s earliest surviving 
animated feature. 


Cut-out Animation belongs to the stop motion animation family. Cut-out is the technique of making animation 
style and stop motion is the technique of capturing this application. In this technique the animator moves the 
cut-out pieces under a fixed camera with a fixed focus shot. The frames are then shoot in “straight ahead”, “frame 
by frame” as they come. It may be called as direct under the camera, which is done completely manually. 
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Cut-out animation has many forms and variations which involves producing animations using 2-D characters, 
props and scenes cut from materials, such as paper, card or fabric or using the silhouettes. The cut-out character 


is divided into smaller pieces, which are kept together to move them in small steps, taking single picture with 
camera at each step, to create the illusion of movement. 
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Cut-out Animation 

Manual-Digital Animation Technique Yuri Norshtenyn is a famous Russian Animator of many famous animation short films “Hedgehog in the Fog”, 
by “The Heron and Crane” and “Tale of Tales”. His cut-out animation has a fine detailing and technique of showing 
Prof. Phani Tetali and Geetanjali Barthwal character in 3D by multiple glass frames. 
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To make fast and funny films, animator Terry Gilliam used the roughness of the cut-out techniques by using parts 
of photographs and a lot of ready-made graphic materials. In the 1970's the pilot episode of 22 minutes for South 
Park was made by Matt stone and Trey Parker in old fashioned way which took 70 days to complete. 
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Design Course During 1926, the silhouette animation filmmaker Lotte Reiniger showed her beautiful skill and talent in, “The Ad- 


Cut-out An i mation ventures of Prince Achmed”, which involved manipulated cutouts made from cardboard and thin sheets of lead, 


— : : : were clicked under the camera. To tell a full, feature-length story she used elaborate paper silhouettes. 
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Cut-out Animation 

Manual-Digital Animation Technique Animation is always distributed in stages. In Paper cut out the three stages are Pre-production, Production and 
by Post production. 

Prof. Phani Tetali and Geetanjali Barthwal 
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ee Pre-production 
Cut-out Animation 
Manual-Digital Animation Technique Pre-production means making the blue print of the animation which is further divided into: 
by a) Story and Story Boarding 
Prof. Phani Tetali and Geetanjali Barthwal b) Cut-out requirements 
IDC, IIT Bombay c) The Stop motion stand 
d) Stop motion Camera. 
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Cut-out An i mation An animation movie can recreate an imaginary world. One could even write a few sentences for an animation 
short. It doesn’t need to have an elaborate thinking process involved in sci-fi movies; on the contrary it could be 
funny or dream like. For instance, bees buzzing, or taking in the nectar of lotus flowers, frogs are also in search of 


by ; : — the food, simple sentences like these could be the inspiration for a paper cutout animation. 
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Design Course Storyboarding supplies the animator with full information about the animation; hence the preparations should 
Cut-out Animation be done in the start of the project. After writing a story, a storyboard is prepared, which gives a rough idea of the 
placement, size and timing of the animation. It is important to know that a good visual enhances a story, so keep 
the story simple, because a well timed animation gives a much more better result. 


Manual-Digital Animation Technique 

by 

Prof. Phani Tetali and Geetanjali Barthwal 
IDC, IIT Bombay 


Source: 
http://www.dsource.in/course/cut-out-animation/cut- 
out-manual-method/stages/pre-production 


1. Introduction 
2. Cutout Manual Method 
2.1. Introduction 
2.2. History 
2.3. Stages 
2.3.1. Pre-production 
2.3.2. Production 
2.3.3. Post Production 
3. Cutout Digital Method 
4. Characteristics 
5. Advantages 
6. Limitations 
7. Links 
8. Video 
9. Assignment 
10. Contact Details 


J 
D’source al | 4 
Digital Learning Environment for Design - www.dsource.in : - 


Design Course b) Cutout Requirements: 
Cut-out Animation Paper is the material mostly used for cutout. The paper may be thin or hard, colored or white, printed or even 
any cardboard could be used for making 2D characters and props etc. Magazine, newspaper and photograph cut- 


Manual-Digital Animation Technique outs are available in abundance, which can be used in animation. Fabrics of different texture, color or style can be 


by : : a the other options. One can also experiment with the materials and their visuals; the animator can use anything 
Prof. Phani Tetali and Geetanjali Barthwal toimaintain te illusion of a 2D surtace: 
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Sometimes magazines or newspaper show white edges owing to the thickness of the edge, color those edges 
with black marker so they don’t look like of a different frame. 
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Design Course Blue tack is used to glue the different cutout pieces temporarily. Due to its elastic nature it also allows movement 
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Design Course c) The Stop Motion Stand: 

- I i The stop motion stand is actually a heavy iron rod stand, standing erect on a wooden board. The stand has a 
Cut-out Animation hinge, to attach the still camera, facing downward to capture the frame kept above the wooden board. With this 
set up good lighting sources and space is essential. 
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Design Course d) Stop Motion Camera: 

Cut-out Animation Stop motion is the technique of capturing cutout animation. A Still camera (Canon/ Nikon/ Sony etc.) is used to 
which has Prime lens or any 18-55mm lens. The camera setting should be at manual mode so that any light ad- 
justment doesn't affect the shoot. Customizing the color temperature, ISO, brightness and contrast are some of 
by the important requirements before the shoot. The external light sources are also required to maintain the light 


Prof. Phani Tetali and Geetanjali Barthwal sources. Fixing the camera on the stand, framing the cutout work one can start the pose to pose stop motion 
IDC, IIT Bombay animation. 
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Cut-out Animation 

Manual-Digital Animation Technique Production process is about putting imagination into actions. As the light adjustments are already set one can 
by start working. 
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Design Course Start the animation by putting the pieces together with blue tack then clicking them frame by frame. This illusion 
Cut-out An i mation of movement will animate the paper cut-outs. This illusion of movement will animate the paper cut-outs. The 
movement also depends on the frame rate you are choosing, weather it is 24 frames per seconds or 12 frames per 


Manual-Digital Animation Technique seconds etc. Choose the aspect ratio for camera. One should not move the camera up or down, right / left, zoom 


by : : — in / zoom out, as it may change the staging or the aspect ratio. The naming for the shots should be easy with a 
Prof. Phani Tetali and Geetanjali Barthwal proper name to avoid confusion. 
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Cut-out Animation 

Manual-Digital Animation Technique The post production process doesn’t require much of the work because everything is shoot. 
by 
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Drag the images on the timeline of any editing software. As per the timings of the animation 24 frames per sec- 
ond adjust the default size of the images. Now, with a proper background sound; export the cutout movie. 
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Cut-out animation was taken to a whole new level of madness and creativity when digital technology arrived. 
The possibility of unlimited mix and match with the fastest possible time and unimaginable results along with 
the power of replication, deletion and to undo the mistakes are the added advantages to the hard hand working 


animator. 
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Computer cut-outs have the immense advantage of being able to go back and forth on the timeline and work 
with key frames, in the “pose to pose” method. Nowadays animators often produce animation in the cut-out style 
using computers, drawing cut-out shapes digitally and giving illusion of 3d with lots of fine detailing and short 
method of finishing as early as possible. Cut-out animation is a popular technique because it saves production 
time and leads to smaller file sizes when compared to full cel animation. These days cut-out is mostly used for 
commercial market on internet and television. The characteristic jerky style is changed into its quality, and not 
limitation. 
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Cut-out animation got a whole new life when Flash came for animation. Flash is a web authoring tool making 
animation simpler for everyone who wants to try their hands on it. Flash today is used for everything between 
banner web animations to full feature films, like that of “Walts with Bashir” by director Yoni Goodman. 
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History 


The origin of this form of cut-out art is inspired from puppet shows. Puppetry is the ancient art of moving pup- 
pets hand held or stick manipulated in front of audiences, with advancement of technology it has been record- 
ed and filmed. From the mind of the creative and innovative thinkers this art has been converted into cut-out 
animation technique, which is again, is simulated into software's nowadays. Software's like adobe after effects 
also named it as puppets tool and other software’s have their own naming conventions. In Indian history as well 
puppets shows has been the major source of entertainment and education for the masses. 


This art form has its characteristics, which makes it different from others: 
e It is hand held, on sticks, threads, hand, wood etc. 

¢ It may have detailed visual or dark silhouettes of black colored. 

¢ It is an art of storytelling with characters involved. 


Today, cutout-style animation is frequently produced digitally, with scanned images or vector graphics taking the 
place of physically cut materials. South Park is a notable example of this paradigm shift of manual to digital, since 
its first episode slowly from paper to computer. 


Other notable example includes more recently—Charlie and Lola written and illustrated by Lauren Child and 
produced by Andrew Zein and Michael Carrington. The television series uses a collage style of animation which 
captures the style 2D cel animation, paper cutout, fabric design, real textures, photomontage, and archived and 
subsequently animated in a software application called CelAction2. 


Some of the advantages of digital cutout over hand drawn animation and traditional cutout animation are as 
follows: 


+ Digital cut-out is a popular technique as it saves production time and leads to smaller file _ sizes. 
* It can be done single handedly with the help of software. 

* It doesn’t require paints, colored paper, magazines, camera or any other art material. 

* It has less production work compared to the others. 


On account of the advantages of low cost and faster production, it’s been used mostly for the web. 
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Pre-production 


If you are trying cutout for the first time make simple stories. For instance, people sailing in the boat, birds flying 
in the sky etc. 


Sketch to gives details of color, size, composition and camera angle involved in a particular frame. You can also 
make a step-by-step storyboard with respect to the animation story. 
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Production 


In this stage we will create and animate the drawings step by step. See the tutorial for more information. 
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b) Tween the Animation: 

Flash gives lots of tools and features to animate, amongst them. Motion tweening is the easiest. Giving motion 
tween in flash is the easiest way to animate anything. Insert key frame at position A, now drag the key frame at 
position B in the timeline where the object should stop. With a right click give motion tween, the time line turns 
blue and now finally move the object to the direction where you want to move in the workspace. Now if the path 
is going too linear we can again make a key frame on the time line, changing the position of the object in the 
workspace, which will follow the same path from point A to B. 
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Manual-Digital Animation Technique ¢ The character can carry very rich graphical treatment on their surface such as texture, etching effects shading 
by and decoration. It is not a practical option in most hand drawn animations as it becomes too expensive and time 
Prof. Phani Tetali and Geetanjali Barthwal consuming to replicate the details again and again across every drawing. 

IDC, IIT Bombay 


* The character is divided into smaller segments bring together the individual cut-out shapes and move them in 
small steps taking single pictures at each step to create the illusion of movement. 


+ It doesn’t need post production touch up if done with proper planning. 


—— ¢ The most important is the jerky moving effect it produces which is considered to a striking visual style. 


http://www.dsource.in/course/cut-out-animation/ 
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Advantages 


¢ The principle advantage of cut out, especially for a solo animator is that it requires many fewer drawings than 
full cell animation. 


* No need of paints, celluloid sheets art materials, big studio setup big or skilled manpower is required. 
«It is a personal experience where artists uses his her imagination by the range of subjects matter. 


¢ It is easy and low cost animation which may have a big commercial advantage. 
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Limitations 


¢ Unlike cutout 2D has more smooth animation and is perfect to show fluidity in actions and rhythmic flow like 
morphing, transition etc. 


+ Any detail applied to a cut out shape will limit the angle at which animator can take a picture of the frame. 


* Cut out animation doesn’t work well for facial close-ups so dialogue that requires the lip movements of the 
character to be synchronized with recorded sound lip sync is rare with respect to its limitations. 


* These techniques of course have limitations. They are flat and they must work across or up and down the screen 
in a flat plane. One can’t simply walk a cut-out puppet towards camers in relation to fixed background or make it 
turn in three dimensions. 


¢ Cut out animation is typically used for mimed stories. 


* The most important is the jerky moving effects it produces that brings its own limitation of a striking visual 
style. 


¢ Animators have more difficulty controlling movement with this style then in 2D animation, in which characters 
and scenes are drawn or painted on transparent celluloid sheets, so they need to plan the action accordingly. 


* Cut out is also a highly personal experience, the animator essentially portrays character’s mood or idea just by 
moving cut out shapes around over a flat plane. 
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Manual Cut-out Method: 

¢ Animation Technicalites 
http://dsource.in/course/animation-technicali- 
ties-part-1 


+ Lotte Reiniger films on You tube 
http://www.youtube.com/watch?v=KxkIGXVwZTM 
http://www.youtube.com/watch?v=25SP4ftxklg 


¢ Terry Gilliam 

http://terrygilliamweb.com/ 
http://www.youtube.com/watch?v=xs7WaL44 Iw 
http://www.youtube.com/watch?v=SblIXyoM8mao 
http://www.youtube.com/watch?v=LMpXUd_kesA 


¢ Yuri Norstein 
https://www.youtube.com/watch?v=tW84w8 QAfU 
https://www.youtube.com/watch?v= Kvw_lQpfEU 
https://www.youtube.com/watch?v=nKDeMBzXnpg 
https://www.youtube.com/watch?v=0Q52H1YlIOm4 
https://www.youtube.com/watch?v=oWOjvJC2rvM 
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Music Tracks: 
+ Inverse (Balade) - by Afleurie 
http://www.jamendo.com/en/track/156820/balade 


¢ Ehma- Pizzicato - by various artist 
http://www.jamendo.com/en/track/232/ehma-pizzica- 
to 


* Time Machine - by George Dragon 
http://www.jamendo.com/en/list/a57770/time-ma- 
chine# 


¢ Tha alquemy of air - by Rafael Zacher 

Album In This World by BABEL SIN FRONTERA 
http://www.jamendo.com/en/track/688851/tha-alque- 
my-of-air-by-rafael-zacher 
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Digital Cut-out Method: 

Music: 

* Frog croaking - by SoundBible.com: 
http://soundbible.com/tags-frog.html 


+ Inverse (Balade)- by Afleurie: 
http://www.jamendo.com/en/track/156820/balade 


* Bella Ruse - by Bella Ruse: 
http://www.jamendo.com/en/list/a56070/bella-ruse 


* South park: 
http://www.charlieandlola.com/website.asp 


¢ Charlie and lola: 
https://www.youtube.com/watch?v=MDbv2dqx2-0 
http://www.charlieandlola.com/website.asp 


¢ Walts With Bashir - Animated documentry - by Arif Folman: 


http://www.youtube.com/watch?v=ylzO9vbEpPg 
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Traditional Gutout Animation - Part 2 


Source: hbk 22>. 
http://www.dsource.in/course/cut-out-animation/ Traditional Cutout Animation Part 1 
video 
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Assignment 


Assignment: 
Animate the above scene using Flash File given below. 


©) Fite Edit View Inaert Medity Tit Command: Contre! Debug Window Help — 


Drasmert 
BOAT AND EBD fina te 


Click Here To Download 


D’source 


Digital Learning Environment for Design - wwv 


Design Course 


Cut-out Animation 
Manual-Digital Animation Technique 

by 

Prof. Phani Tetali and Geetanjali Barthwal 
IDC, IIT Bombay 


Source: 
http://www.dsource.in/course/cut-out-animation/ 
contact-details 


1. Introduction 

2. Cutout Manual Method 
3. Cutout Digital Method 
4. Characteristics 

5. Advantages 

6. Limitations 

7. Links 

8. Video 

9. Assignment 

10. Contact Details 


Contact Details 


This documentation for the course was done by 
Geetanjali Barthwal at IDC, IIT Bombay. 


You can get in touch with her at 
Email: gbarthwal[at]gmail.com 


You could write to the following address regarding 
suggestions and clarifications: 


Helpdesk Details: 
Co-ordinator 

Project e-kalpa 
Industrial Design Centre 
IIT Bombay 

Powai 

Mumbai 400076 

India 


Phone: 091-22-25767820/ 7801/ 7802 
Fax: 091-22-25767803 
Email: dsource.in[at]gmail.com 


